//index.js
//获取应用实例
const app = getApp()

Page({
  data: {
    rpx: 1, //此值为你的屏幕CSS像素宽度/750，单位rpx实际像素
  },
  onLoad: function () {
    let _this = this;
    wx.getSystemInfo({//获取手机系统信息
      success(res) {
        //求得px 和 rpx 的比例
        _this.data.rpx = res.screenWidth / 750
      }
    })
  },
  /**
* 生命周期函数--监听页面显示
*/
  onShow: function () {
    let _this = this;
    let rpx = _this.data.rpx;
    /**获取画布 */
    const ctx = wx.createCanvasContext('canvas')
    /**先设置好样式,下面是设置的样式的颜色为红色 */
    ctx.setFillStyle('red')
    ctx.fillRect(5 * rpx, 10 * rpx, 150 * rpx, 75 * rpx)
    ctx.draw()
  },
})




